<template>
    <div>
      <ul class="main">
        <li v-for="item in items">
          <router-link :to="item.url">
            <span>{{item.title}}</span><em></em>
          </router-link>
        </li>
      </ul>
    </div>
</template>

<script>
  export default {
    name: 'list',
    props: ['items']
  }
</script>
<style lang="less" scoped>
  .main{
    margin-top:0.3rem;
    border-top:0.02rem solid #E8E8E8;
    background-color: #fff;
    font-weight: bold;
    li{
      height:1rem;
      line-height: 1rem;
      padding:0 0.22rem;
      border-bottom: 0.02rem solid #E8E8E8;
      position: relative;
      font-weight: bold;
      em{
        height:0.52rem;
        width:0.32rem;
        position: absolute;
        top:0.22rem;
        right:0.22rem;
        background: url("../assets/img/leftrow.png") no-repeat;
        background-size: 100%;
      }
      b{
        color: #9B9B9B;
        font-weight: normal;
      }
    }
  }
</style>
